<template>
  <div id="app">
    <div class="container">
      <div class="left">
        <h2>PH值与鱼类</h2>
        <p>
          PH过高或过低对鱼类都有直接损害，甚至致死。PH值过低(酸性水，PH低于6.5)，可使鱼类血液的PH值下降，削弱其载氧能力，造成生理缺氧症，尽管水中不缺氧但可使鱼类浮头；由于耗氧降低，代谢急剧下降，尽管食物丰富，但鱼类仍处于饥饿状态。PH过高的水，腐蚀鳃组织，引起鱼类大批死亡。
        </p>
        <h2>PH值与水质</h2>
        <p>
          水质的影响PH值低于6时，水中90以上的硫化物以硫化氢的形式存在，增大硫化物的毒性。PH高于8，大量的氨离子会转化成有毒的氨气。总之，过高或过低的PH值均会使水中微生物活动受到抑制，有机物不易分解，会增大水中有毒物质的毒性。
        </p>
      </div>
      <div class="middle">
        <h2>典型案例</h2>
        <div class="carousel">
          <el-carousel indicator-position="outside" height="800px">
            <el-carousel-item v-for="item in list" :key="item.id">
              <div class="imgBox">
                <img :src="item.img" alt="">
              </div>
            </el-carousel-item>
          </el-carousel>
        </div>
      </div>
      <div class="right">
        <h2>PH值过低怎么办</h2>
        <p>清塘：对于PH值过低，水体呈酸性的池塘，在清塘时最好不用漂白粉而用生石灰。以提高水体的PH值。清塘时平均1m水深用生石灰1500~2250kg／hm。</p>
        <p>定期泼洒生灰水：对于水体呈酸性的鱼池，为提高水体PH值要定期泼洒生石灰，每次用量150~300kg／hm。</p>
        <p>水质检测：对于PH值过低的水体要定期用PH试纸或PH值测试仪进行水质检测，如发现PH值过低，要及时采取措施。</p>

        <h2>PH值过高怎么办</h2>
        <p>清塘：对于水质PH值较高的池塘，清塘时不要使用生石灰，而应用漂白粉，以降低水体的PH值。用量为每米水深用漂白粉150～202.5kg／hm；或施用醋酸等措施降低PH值。</p>
        <p>加注新水：对于PH值过高的水体，要经常加注新水，以降低水体的PH值。</p>
        <p>水质检测：要经常对水体PH值进行检测，发现PH值异常升高时要及时采取措施。</p>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'PH',
  data() {
    return {
      list: [
        {
          id: 1,
          img: require('@/assets/wq/ph1.jpg'),
        },
        {
          id: 2,
          img: require('@/assets/wq/ph2.jpg'),
          // img: require('')
        },
        {
          id: 3,
          img: require('@/assets/wq/ph3.jpg'),
        }
      ]
    }
  }
}
</script>

<style scoped>
p {
  letter-spacing: 5px;
  line-height: 2;
}

/* 布局样式 */
.container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding: 20px;
}

.left,
.right {
  flex-basis: 20%;
}

.middle {
  flex-grow: 1;
  margin: 0 20px;
}

/* 图片轮播样式 */
.carousel {
  overflow: hidden;
  position: relative;
}

.carousel img {
  width: 100%;
  display: block;
}

.carousel .slide {
  animation: slide 5s infinite;
}

@keyframes slide {
  0% {
    transform: translateX(0);
  }

  100% {
    transform: translateX(-100%);
  }
}
</style>